.dis {
	display: flex;
}

.dis1 {
	justify-content: center;
}

.dis2 {
	align-items: center;
}

.dis3 {
	justify-content: space-between;
}

.dis4 {
	justify-content: space-around;
}
/*
竖向排列
*/
.dis5 {
	flex-direction: column;
}

/*
换行
*/
.dis6 {
	flex-wrap: wrap;
}
/* 从右往左 */
.dis7{
	 flex-direction:  row-reverse;
}

.contenr{
	display: flex;
	justify-content: center;
	align-items: center;
}
.dis8{
	margin: auto;
}
/* 底部对齐 */
.dis_1{
	align-items:flex-end;
}

